<script setup>
	import {onLoad} from '@dcloudio/uni-app'
	import userApi from '@/apis/user'
	import {ref} from 'vue'
	
	const userProfile = ref({})
	const taskInfo = ref({})
	
	onLoad(()=>{
		getUserProfile()
		getTaskInfo()
	})
	
	// 获取用户信息
	const getUserProfile = async()=>{
		const {code,data} = await userApi.profile()
		if(code !== 200) return uni.utils.toast('获取用户信息失败')
		userProfile.value = data
	}
	// 获取任务数据
	const getTaskInfo = async ()=>{
		const {code,data} = await userApi.task('2023','9')
		if(code !== 200) return uni.utils.toast('获取任务数据失败')
		taskInfo.value = data
	}
</script>

<template>
  <view class="page-container">
    <view class="user-profile">
      <image class="avatar" :src="userProfile.avatar"></image>
      <text class="username">{{userProfile.name}}</text>
      <text class="no">司机编号：{{userProfile.number}}</text>
      <text class="mobile">手机号码：{{userProfile.phone}}</text>
    </view>
    <view class="month-overview">
      <view class="title">我的任务</view>
      <view class="content">
        <view class="item">
          <text class="volumn">{{taskInfo.taskAmounts}}</text>
          <text class="label">任务总量</text>
        </view>
        <view class="item">
          <text class="volumn">{{taskInfo.completedAmounts}}</text>
          <text class="label">完成任务量</text>
        </view>
        <view class="item">
          <text class="volumn">{{taskInfo.transportMileage}}</text>
          <text class="label">运输里程(km)</text>
        </view>
      </view>
    </view>
    <view class="entry-list">
      <uni-list :border="false">
        <uni-list-item
          to="/subpkg_user/truck/index"
          showArrow
          title="车辆信息"
        />
        <uni-list-item
          to="/subpkg_user/task/index"
          showArrow
          title="任务数据"
        />
        <uni-list-item
          to="/subpkg_user/settings/index"
          showArrow
          title="系统设置"
        />
      </uni-list>
    </view>
  </view>
</template>

<style lang="scss" scoped>
  @import './index.scss';
</style>
